/*!
 * @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
 * @copyright 2009-2018 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */

/* -------------------------------------------------------------- *\
    Styles
\* -------------------------------------------------------------- */

.Item .Poll {
    position: relative;
    background: transparent;
    border-left-width: 0;

    h2 {
        font-family: $global-body_fontFamily;
        text-transform: none;
        color: inherit;
        font-size: inherit;
        font-weight: inherit;

        span {
            color: inherit;
        }
    }

    .VoteUsers {
        position: relative;
        z-index: 3;

        .PhotoWrap {
            position: relative;
            width: 20px;
            height: 20px;
            margin-left: 4px;

            &:first-child {
                margin-left: 0;
            }

            img {
                margin: 0;
                height: inherit;
                width: inherit;
                min-height: auto;
                min-width: auto;
            }
        }
    }

    .VoteOption {
        display: block;
        position: relative;
        z-index: 3;
        line-height: $global-base_lineHeight;
        font-weight: $global-normal_fontWeight;
    }

    .VoteBar {
        position: static;
        margin: 0;
    }

    .PollOption {
        margin: $utility-baseUnitDouble 0;
        position: relative;
        padding: 6px 50px 6px $utility-baseUnitDouble;
        min-height: 32px;
        background-color: $theme-hover_color;
        border-radius: $formElement_borderRadius;
        overflow: hidden;
    }

    .PollColor {
        background-color: $global-color_primary !important;
        min-height: 32px;
        opacity: 0.3;
        border: 0;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        height: 100%;
    }

    .VotePercent {
        line-height: 32px;
        position: absolute;
        right: $utility-baseUnitDouble;
        top: 50%;
        transform: translateY(-50%);
    }
}
